<template>
<div class="vui-demo-container">
    <div class="vui-demo vui-widget">
      <v-select :options="options" style="width:150px;" :multiple="true" :value="selectedValue" @change="change($event)"></v-select>
    </div>
    <div class="vui-demo vui-widget">
      <v-select :options="options" :multiple="false" :value="selectedValue" @change="change($event)"></v-select>
    </div>
    <div style="height:600px;"></div>
</div>
  
</template>
<script>
import {vSelect} from '../../../vui/components/api';
export default {
  data: function(){
      return {
          selectedValue:[],
          options: [],
      }
  },

    created: function(){
        for(let i = 0;i < 500;i++){
            this.options.push({label: '选项' + (i + 1), value: i + 1});
        }
        this.selectedValue.push(this.options[3].value);
    },

  methods: {
      change(event){
          this.selectedValue = event;
          console.log(event);
      }
  },
  components: {
      vSelect
  }
}
</script>

